<template>
  <li :class="{'bk-select-item':true,'bk-select-item-selected': isActive,'bk-select-item-focus': isFocus}" @click="select">
    <slot></slot>
  </li>
</template>
<script>
export default {
  name: 'BkOption',
  props: {
    value: Object,
    query: Boolean,
    defValue: [String,Number],
    isFocus: Boolean
  },
  computed:{
    isActive() {
      return this.value.id === this.defValue;
    }
  },
  methods: {
    select() {
      this.$emit('selects', this.value)
    }
  },
  created() {}
}

</script>
